/* 公共样式 */
/* 头部样式 */
.head {
    height: 100px;
    width: 100%;
    background-color: #fff;
}

.head-c {
    height: 100%;
    width: 1200px;
    /* background-color: bisque; */
    margin: 0 auto;

}

.head .logo {
    /* display: block; */
    float: left;
    height: 52px;
    width: 221px;
    margin-top: 24px;
}

.head .nav {
    float: right;
    /* margin-top: 41px;
    height: 25px; */
}

.head .nav-item {
    float: left;
    width: 36px;
    margin-left: 74px;
    font-size: 14px;
    line-height: 100px;
    text-align: center;
    /* overflow: hidden; */
}

.head .nav-item:hover a {
    font-size: 17px;
    color: #668aca;

}

.head .nav-item .line {
    display: block;
    /* float: left; */
    height: 1px;
    width: 20px;
    margin: 0 auto;
    margin-top: -35px;
    background-color: #668aca;
    opacity: 0;
}

.head .nav-item.active a{
    opacity: 1;
    font-size: 17px;
    color: #668aca;

}

.head .nav-item.active .line {
    opacity: 1;

}

.head .nav-item:hover .line {
    opacity: 1;
}

/* 底部区域 */
.foot{
    width: 100%;
   
    background-color: #f7f7f7;
    margin-top: 199px;
}
    
.foot-c{
    width: 1200px;
    height: 262px;
    margin: 0 auto;
    /* background-color: pink; */
    
}
.foot .f-list{
    float: left;
    margin-top: 98px;
    width: 250px;
    color: #767676;
    margin-right: 80px;
    /* overflow: hidden; */
}

.foot .f-list .title{
    font-size: 16px;
    line-height: 16px;
}

.foot .f-list .title img{
    float: left;
    height: 25px;
    width: 25px;
}

.foot .f-list dd{
    font-size: 14px;
    line-height: 14px;  
    margin-top: 16px; 
}

.foot .f-list .f1{
    height: 25px;
    margin-top: 10px;
    
}
.foot .f-list .f1 img{
    margin-right: 19px;
}

.foot .line{
    float: left;
    width: 1px;
    height: 74px;
    background-color: #e9e9e9;
    margin-top: 99px;
    margin-right: 100px;
}